<div>
  <div *ngIf="type!=1" class="card image-header w-100 op-light">
    <div class="card-header fg-white net-bg" style="height: 360px;">
    </div>
    <div class="h1 pl-6">
      {{articleListVo.articleTitle}}
    </div>
    <div class="card-content p-4">
      <blockquote>Posted on {{toDate(articleListVo.publishTime)}}</blockquote>
        <p class="text-leader">{{articleListVo.articleBrief}}</p>
    </div>
    <div class="card-footer">
      <button class="button secondary" (click)="toArticle(articleListVo.articleId)" >Read More</button>
    </div>
  </div>
  <div *ngIf="type==1" class="card image-header w-100 op-light">
    <div class="card-header fg-black net-bg" style="height: 240px;">
      <div class="h1 pl-6">
        {{articleListVo.articleBrief}}
      </div>
    </div>
    <div class="card-footer">
      <blockquote>Posted on {{toDate(articleListVo.publishTime)}}</blockquote>
    </div>
  </div>
</div>
